<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            信息大厅
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="goPage('MemberPage')">
                <ion-icon name="contact"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>

<ion-content>
    <!-- banner开始 -->
    <div class="ht-100 ht-overflow s-banner" *ngIf="banners && banners.length">
        <ion-slides class="text-slide" [autoplay]="3000" [loop]="true">
            <ion-slide *ngFor="let banner of banners" (click)="url.jumpUrl(banner.link)">
                <img [src]="util.parseImageUrl(banner.picture)" alt="">
            </ion-slide>
        </ion-slides>
    </div>
    <!-- banner结束 -->
    <!-- 标题开始 -->
    <div class="ht-100 ht-background ht-line-35 ht-text-center ht-000">
        <div class="s-tj-con" padding-left padding-right>
            <ion-slides class="commend-slide" [slidesPerView]="'auto'" [parallax]="true" spaceBetween="15" [initialSlide]="navIndex-3" *ngIf="navlist && navlist.length">
                <ion-slide class="width-auto" *ngFor="let nav of navlist; let i=index;" (click)="changeNav(nav, i)">
                    <span class="ht-font-13 ht-line-35 ht-inline-block" [ngClass]="{'ts-xiaoguo':nav.type_id == nav_id}">{{nav.type_name}}</span>
                </ion-slide>
            </ion-slides>
        </div>
    </div>
    <!-- 标题结束 -->
    <!-- 搜索栏开始 -->
    <div>
        <div class="s-search ht-relative flex flex-align-center">
            <div class="ht-100 ht-overflow ht-background ht-line-25 ht-radius-30 flex">
                <div class="ht-float-left ht-height ht-overflow" style="width:40px;text-align:center;color:#999;">
                    <i class="fa fa-search"></i>
                </div>
                <div class="">
                    <input type="search" placeholder="请输入关键字" [(ngModel)]="searchData['keyword']['value']" style="width: 100%;border:none; ">
                </div>
            </div>
            <div style="width:60px;text-align:center;color:#666;" (click)="search();">
                搜索
            </div>
        </div>
    </div>
    <!-- 搜索栏结束 -->
    <!-- 公告开始 -->
    <div padding-horizontal class="marquee flex" *ngIf="notices && notices.length">
        <span class="marquee-icon">
            <ion-icon ios="ios-volume-up" md="md-volume-up"></ion-icon>
        </span>
        <ion-slides class="text-slide" [autoplay]="3000" [loop]="true" direction="vertical">
            <ion-slide *ngFor="let notice of notices" (click)="url.jumpUrl(notice.link)">
                <p text-left>{{notice.ad_name}}</p>
            </ion-slide>
        </ion-slides>
    </div>
    <!-- 公告结束 -->
    <!-- 主内容开始 -->
    <div class="ht-overflow ht-f1f1f1" *ngIf="conlist && conlist.length">
        <!-- 1 -->
        <div class="ht-100 ht-overflow ht-background ht-margin-bottom" padding *ngFor="let con of conlist"  (click)="goPage('InformationDetailPage',{'id':con.amoy_id})">
            <div>
                <!-- 头像 -->
                <div class="ht-overflow ht-padding-bottom10 flex flex-line-between flex-align-center">
                    <div class="ht-font-14 flex">
                        <div style="width:40px;">
                            <img [src]="util.parseImageUrl(con.head_img)" alt="" class="t-tx">
                        </div>
                        <div class="margin-left-5">
                            <p class="sub-nickname">{{con.nickname}}</p>
                            <div class="ht-yc ht-font-12 ht-font-f29603">
                                信用值:{{con.credit_line}}
                            </div>
                        </div>
                    </div>
                    <div class="ht-999">
                        <div class="flex flex-line-end">
                            <i class="ht-d32d25" *ngIf="con.is_top">置顶</i>
                            <span *ngIf="con.role == 1" class="margin-left-5">自发</span>
                            <span *ngIf="con.role == 2" class="margin-left-5">代发</span>
                        </div>
                        <div class="ht-font-14 ht-14 ht-yc flex flex-line-end">
                            <!--<span class="i-btn ht-f6ab00 margin-left-5" *ngIf="con.click_pay">享</span>-->
                            <!--<span class="i-btn ht-ec5408 margin-left-5" *ngIf="con.cash_deposit">保</span>-->
                            <!--<span class="i-btn ht-e60211 margin-left-5" *ngIf="con.reward">赏</span>-->
                            <!--<span class="i-btn ht-f6ab00 margin-left-5" *ngIf="con.see_pay">￥</span>-->
                            <img src="../../assets/imgs/xiang.png" *ngIf="con.click_pay" class="i-btn margin-left-5">
                            <img src="../../assets/imgs/bao.png" *ngIf="con.cash_deposit" class="i-btn margin-left-5">
                            <img src="../../assets/imgs/shang.png" *ngIf="con.reward" class="i-btn margin-left-5">
                            <img src="../../assets/imgs/pay.png" *ngIf="con.see_pay" class="i-btn margin-left-5">
                        </div>
                    </div>
                </div>
                <!-- id -->
                <div class="flex flex-line-between ht-100 ht-overflow" *ngIf="con.option_list && con.option_list.length || con.salary">
                    <div class="ht-yc ht-float-left ht-font-14 ht-999" *ngIf="con.option_list && con.option_list.length; else holder;">
                        <span *ngFor="let option of con.option_list;let i = index">
                            <span class="i-bq" *ngIf="i < 3">{{option.list_name}}</span>
                        </span>
                    </div>
                    <ng-template #holder><div>&nbsp;</div></ng-template>
                    <span class="ht-ff4b3d" *ngIf="con.salary;else holder">￥{{con.salary}}</span>
                    <ng-template #holder><div>&nbsp;</div></ng-template>
                </div>
                <div class="ht-font-14 ht-14 ht-000 ht-padding-tb">
                    {{con.auto_content}}
                </div>
                <!-- 图片 -->
                <div class="flex flex-wrap" *ngIf="con.imgs && con.imgs.length">
                    <div class="pic-box" *ngFor="let pic of con.imgs; let m= index" (click)="alert($event);">
                        <img [src]="util.parseImageUrl(pic.content)" alt="" class="thumb" (click)="bigPhoto(con.imgs,m)">
                    </div>
                </div>
            </div>
            <!-- 按钮 -->
            <div class="flex flex-line-between flex-align-center margin-top-5">
                <div class="flex flex-align-center">
                    <span class="ht-999">
                        <span class="fas fa-eye"></span>
                        <span>{{con.see_num}}</span>
                    </span>
                    <span class="flex flex-align-center ht-font-12 ht-999" margin-left>
                        <span class="fas fa-share-square"></span>
                        <span style="font-size:1.4rem;margin-left:2px;">{{con.total_share}}</span>
                    </span>
                </div>
                <div class="ht-999">
                    <span>{{con.add_time}}</span>
                </div>
            </div>
        </div>
        <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
            <ion-infinite-scroll-content></ion-infinite-scroll-content>
        </ion-infinite-scroll>
    </div>
    <!--<div class="ht-overflow ht-f1f1f1" *ngIf="!conlist.length">-->
        <!--暂时没有数据-->
    <!--</div>-->
    <!-- 主内容结束 -->
    <!--发布按钮-->
    <div style="position:fixed;right:5px;bottom:45px;width:50px;height:50px;border-radius:50%;background:#f29700;border:1px solid #fff;box-shadow: #ccc 1px 1px;" (click)="pageRedirect('InformationAddPage',{kind: 'information', type_id: nav_id})">
        <span style="font-size:50px;color:#fff;display:block;text-align:center;line-height:50px;">+</span>
    </div>
</ion-content>
<!--<ion-footer>-->
    <!--<ion-toolbar>-->
        <!--<img src="assets/imgs/icon-fb.png" alt="" class="i-fb" (click)="pageRedirect('InformationAddPage',{backPage:'InformationPage',type_id:nav_id,kind:'information'})">-->
    <!--</ion-toolbar>-->
<!--</ion-footer>-->

